<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 创建ajax对象
        var xhr=new XMLHttpRequest();
        // 告诉ajax对象要向哪发送请求，以什么方式发送
        // 请求方式，请求地址
        xhr.open('get','http://localhost:3000/responsedata')
        // 发送请求
        xhr.send()
        // 获取服务器响应到客户端的数据
        xhr.onload=function(){
            // console.log(xhr.responseText)
            // console.log(typeof xhr.responseText)
            // 把字符串转换为对象
            var responsetext=JSON.parse(xhr.responseText)
            console.log(responsetext)
            var str='<h2>'+responsetext.name+'</h2>'

            document.body.innerHTML=str
        }
        
    </script>
</body>
</html>